<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>冲浪网站</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <header>
        <img class="a2" src="C:\Users\22387\Desktop\vscode\作业\logo.png" alt="错误">
        <img class="a1" src="C:\Users\22387\Desktop\vscode\作业\首页.png" alt="错误">
        <img class="a1" src="C:\Users\22387\Desktop\vscode\作业\热门.png" alt="错误">
        <img class="a1" src="C:\Users\22387\Desktop\vscode\作业\视频.png" alt="错误">
        <img class="a1" src="C:\Users\22387\Desktop\vscode\作业\话题.png" alt="错误">
        <img class="a3" src="C:\Users\22387\Desktop\vscode\作业\注册.png" alt="错误">
        <img class="a4" src="C:\Users\22387\Desktop\vscode\作业\登录.png" alt="错误">
    </header>
    <hr>
    <div class="a8">
        <img class="a7" src="C:\Users\22387\Desktop\vscode\作业\搜索.png" alt="错误">
        <input type="text" id="x1" value="请输入想要搜索的内容" class="a5">
        <button onclick="search()" class="a6">搜索</button>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    </div>
    <div class="left">
        <div class="b1">首页</div>
        <div class="b2">
            <div> · 最新资讯</div>
            <br>
            <div> · 热门搜索</div>
            <br>
            <div> · 推荐资讯</div>
            <br>
            <div> · 特别关注</div>
        </div>
    </div>
    <div class="center">
        <img src="图片1.png" alt="">
        <img src="图片2.png" alt="">
    </div>
    <div class="right">
        <ul class="b3">
            热门搜索
        </ul>
        <ul class="b4">
            <li>1.</li>
            <li>2.</li>
            <li>3.</li>
            <li>4.</li>
            <li>5.</li>
            <li>6.</li>
            <li>7.</li>
            <li>8.</li>
            <li>9.</li>
            <li>10.</li>
        </ul>
    </div>
</body>

</html>